// base color
$blue      :#324157;
$light-blue:#3A71A8;
$red       :#C03639;
$pink      : #E65D6E;
$green     : #30B08F;
$tiffany   : #4AB7BD;
$yellow    :#FEC171;
$panGreen  : #30B08F;

// sidebar
$menuText         :#bfcbd9;
$menuActiveText   :#409EFF;
$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951

$menuBg      :#304156;
$menuHover   :#263445;
$sidebarTitle: #ffffff;

$menuLightBg      :#ffffff;
$menuLightHover   :#f0f1f5;
$sidebarLightTitle: #001529;

$subMenuBg   :#1f2d3d;
$subMenuHover:#001528;

/**
  * 菜单位置  左侧菜单left，顶部菜单top
  */
$menuStyle : top;

$sideBarWidth  : 200px;
//$sideBarWidth: 0px;

@if $menuStyle == top {
  $sideBarWidth: 0px;
}

@else {
  $sideBarWidth: 200px;
}

//顶部菜单样式
$hideSidebar   : 0px;
$hideSidebarSvg: 0px;


// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText         : $menuText;
  menuActiveText   : $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg           : $menuBg;
  menuHover        : $menuHover;
  menuLightBg      : $menuLightBg;
  menuLightHover   : $menuLightHover;
  subMenuBg        : $subMenuBg;
  subMenuHover     : $subMenuHover;
  sideBarWidth     : $sideBarWidth;
  sidebarTitle     : $sidebarTitle;
  sidebarLightTitle: $sidebarLightTitle;
  hideSidebar      : $hideSidebar;
  hideSidebarSvg   : $hideSidebarSvg;
  menuStyle        : $menuStyle;
}